<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />		
		<meta name="author" content="" />
		<meta name="last-edit" content="2023.03.02" />
		<title>Ajax</title>
		<style type="text/css">

			
		</style>

		<body>
      <button id="sendAjax" onclick="sendAjax">发起Ajax请求</button>
      
      <script type="text/javascript" src="./js/ajax.js"></script>
			<script type="text/javascript">
        
        document.querySelector('#sendAjax').onclick = function(event) {
          get('api/getinfo', true, () => {

          })
        }


        // get请求与post请求的区别
        // 1.post请求更安全；
        // post请求不会作为url的一部分，不会被缓存、保存在服务器日志、以及浏览器浏览记录中，
        // get请求的是静态资源，则会缓存，如果是数据，则不会缓存
        // 2.post请求发送的数据更大，get请求有url长度限制
        // 3.post请求能发送更多的数据类型，get请求只能发送ASCII字符
        // 4.传参方式不同,GET参数通过URL传递，POST放在Request body中
        // 5.get产生一个TCP数据包；post产生两个

        // 常用请求类型
        // 1.get 查询数据，查询操作
        // 2.post 发送数据，服务器创建资源，常用于新增操作
        // 3.put 发送数据，服务器更新完整资源，常用与资源完整更新操作
        // 4.patch 发送数据，服务器更新部分资源，常用与资源部分更新操作，如：状态
        // 5.delete 删除数据，删除操作

        // 跨域处理方式
        // 1.JSONP，利用浏览器同源策略，<script>元素允许跨域请求这一点就行跨域请求
        // 2.CORS，服务端配置，响应头允许跨域
        // 3.Apache，Nginx等服务器配置允许跨域
        // 4.开发阶段使用代理模式处理跨域(proxy) 

			</script>
		</body>
	</head>

</html>